Açılı Çizgi Çizimi - HTML4

200 200
45° 100
Hazır Açılar:
0
50
100
150
200
250
300
350
400
0
50
100
150
200
250
300
350
400
X Ekseni: 0 - 400px
Y Ekseni: 0 - 400px (HTML koordinat sistemi)
Çözünürlük: 1 pixel
45°
5 Köşeli Yıldız | Dış Yarıçap: 100px | İç Yarıçap: 50px

Matematiksel Hesaplamalar

Çizgi Bitiş Noktası Hesaplama:

Normal Matematiksel Koordinat Sistemi:

x₂ = x₁ + uzunluk × cos(θ)

y₂ = y₁ + uzunluk × sin(θ)

HTML/Canvas Koordinat Sistemi (Y aşağı doğru):

x₂ = x₁ + uzunluk × cos(θ)

y₂ = y₁ - uzunluk × sin(θ) ← Eksi işareti önemli!

θ açısı derece cinsindendir, radyana çevrilmelidir:
θ_radyan = θ_derece × π / 180